/* fade 动画 */
.fade-enter {
  opacity: 0;
}
.fade-enter-active {
  opacity: 1;
  transition: opacity 500ms;
}

/* flash 动画 */
.flash-enter {
  opacity: 0;
}
.flash-enter-active {
  opacity: 1;
  transition: opacity 200ms;
}

/* slide 动画 */
.slide-enter {
  transform: translateX(100%);
}
.slide-enter-active {
  transform: translateX(0);
  transition: transform 500ms;
}

/* fadeBottom 动画 */
.fadeBottom-enter {
  opacity: 0;
  transform: translateY(100%);
}
.fadeBottom-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 500ms, transform 500ms;
}

/* scaleFadeOut 动画 */
.scaleFadeOut-enter {
  transform: scale(1.2);
  opacity: 0;
}
.scaleFadeOut-enter-active {
  transform: scale(1);
  opacity: 1;
  transition: transform 300ms, opacity 300ms;
}
